/*
 * 后台样式表
 */
 .login-card-body .input-group .form-control[name='captcha'] {
    border-right: 1px solid #ced4da;
 }

 #menu-list .dropdown {
   cursor: pointer;
   position: relative;
}

#menu-list .dropdown i.right {
   position: absolute;
   right: 1rem;
   top: 1.1rem;
}

#menu-list .dropdown[aria-expanded="true"] i.right {
   transform: rotate(-90deg);
}

#jsGrid td.level-1, #detailsForm #parent .level-1 {
   text-indent: 14px;
}

#jsGrid td.level-2, #detailsForm #parent .level-2 {
   text-indent: 34px;
}

.ui-widget *, .ui-widget input, .ui-widget select, .ui-widget button {
   font-family: 'Helvetica Neue Light', 'Open Sans', Helvetica;
   font-size: 14px;
   font-weight: 300 !important;
}

.details-form-field input,
.details-form-field select {
   width: 300px;
   float: right;
}

.details-form-field {
   margin: 30px 0;
}

.details-form-field:first-child {
   margin-top: 10px;
}

.details-form-field:last-child {
   margin-bottom: 10px;
}

.details-form-field button {
   display: block;
   width: 100px;
   margin: 0 auto;
}

input.error, select.error {
   border: 1px solid #ff9999;
   background: #ffeeee;
}

label.error {
   float: right;
   margin-left: 100px;
   font-size: .8em;
   color: #ff6666;
}

td.avatar img {
   width: 80%;
}

#table td a {
   color: inherit;
   border-bottom: none;
   padding-top: 20%;
   padding-bottom: 20%;
}

.select2-dropdown {
   z-index: 1061;
}

.select2-container img.img-flag {
   margin: 0!important;
   display: inherit!important;
   width: 30px;
}

#edit .progress {
   top: 45%;
   left: 25%;
}

label:not(.form-check-label):not(.custom-file-label) {
   font-weight: normal !important;
}

.box-card form .el-select, .box-card form .el-autocomplete {
   display: block;
}

.box-card form label {
   margin-bottom: 0px !important;
}

.box-card form .text-assist {
   font-size: .8rem;
}

.box-card form .el-autocomplete button.folder-opened  {
   font-size: 18px;
   padding-left: 15px;
   padding-right: 15px;
}

.avatar .pic .el-avatar--icon {
   font-size: 33px;
}

.avatar .name {
   line-height: 40px;
   font-size: 1rem;
}

.el-menu a, .el-menu a:hover {
   color: inherit;
   text-decoration: inherit;
}

.el-menu li i[class*="fa-"] {
   vertical-align: middle;
   margin-right: 5px;
   width: 24px;
   text-align: center;
   font-size: 18px;
}

.navbar-brand i.el-icon-picture-outline-round {
   font-size: 2.25rem;
}

.el-aside.sidebar-collapse {
   margin-left: 0;
   width: 64px !important;
   overflow-x: hidden;
}

nav .user-menu .hi {
   vertical-align: middle!important;
}  

.profile-user-img {
   border: 3px solid #adb5bd;
}

.profile-user-img img {
   border-radius: 50%;
}

.profile-user.el-dropdown-menu {
   width: 190px;
}

.profile-user.el-popper[x-placement^=bottom] .popper__arrow::after {
   border-bottom-color: #007bff !important;
}

.card-primary.card-outline {
   border-top: 3px solid #007bff;
}

nav button span.el-icon-s-fold {
   font-size: 1.2rem;
}

.el-message .el-message__content .item {
   line-height: 1.3rem;
}

#login main {
   background: radial-gradient(circle,#35d2fd, #64dcfe, #4de5e5);
   background: -o-radial-gradient(circle,#35d2fd, #64dcfe, #4de5e5);
   background: -moz-radial-gradient(circle,#35d2fd, #64dcfe, #4de5e5);
   background: -webkit-radial-gradient(circle,#35d2fd, #64dcfe, #4de5e5);
}

#login-area {
   height: 400px;
}

#login-area .name {
   color: #0DB1D0;
   font-size: 3rem;
   font-family: cursive;
}

#login-area form input {
   border: none;
}